<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="utf-8">
        <title>
            好多鱼商城后台管理系统
        </title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="./css/x-admin.css" media="all">
    </head>
    
    <body>
        <div class="x-body">
            <form class="layui-form" id="form_product_details" onsubmit="return false" >
                <div class="layui-form-item">
                    <label for="cname" class="layui-form-label">
                        ID
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="fishId" name="fishId" required="" lay-verify="required"
                        autocomplete="off"  value="1" readonly="" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="cname" class="layui-form-label">
                        <span class="x-red">*</span>产品名
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="fishName" name="fishName" required="" lay-verify="required"
                        autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="cname" class="layui-form-label">
                        <span class="x-red">*</span>分布地区
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="fishAdress" name="fishAdress" required="" lay-verify="required"
                        autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="cname" class="layui-form-label">
                        <span class="x-red">*</span>产品价钱
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="fishPrice" name="fishPrice" required="" lay-verify="required"
                        autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="cname" class="layui-form-label">
                        <span class="x-red">*</span>寿命
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" id="fishLifeTime" name="fishLifeTime" required="" lay-verify="required"
                        autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">所属分类</label>
                    <div class="layui-input-inline" >
                        <select id="isFreeDelivery" name="isFreeDelivery">
                        	<option value="">请输入服务</option>
                        	<option value="是">是</option>
                        	<option value="否">否</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">所属分类</label>
                    <div class="layui-input-inline" >
                        <select id="fishClassifyId" name="fishClassifyId">
                        	<option value="">请输入产品分类</option>
                        	<option value="1">热带鱼</option>
                        	<option value="2">冷水鱼</option>
                        	<option value="3">食用鱼</option>
                        </select>
                    </div>
                </div>
                
                <div class="layui-form-item">
				<label for="username" class="layui-form-label"> <span
					class="x-red">*</span>图片
				</label>
				<div class="layui-input-inline">
					<input type="text" id="fishPicture" name="fishPicture" required=""
						lay-verify="required" autocomplete="off" class="layui-input">
					<img id="imgFace" style="width: 120px" src="" /> <br /> 
					<input type="hidden" id="picName" value="" class="layui-input">
				</div>
				<div class="layui-form-mid layui-word-aux">
					<span class="x-red">*</span>上传图片
				</div>
			</div>
                <div class="layui-form-item">
                    <label for="L_repass" class="layui-form-label">
                    </label>
                    <button onclick="updateProDetails()" class="layui-btn" lay-filter="save">
                        保存
                    </button>
                </div>
            </form>
        </div>
        <script src="./lib/layui/layui.js" charset="utf-8">
        </script>
        <script src="./js/x-layui.js" charset="utf-8">
        </script>
        <script>
        	var $ = null;
        	var form = null;
        	var layer = null;
            layui.use(['form','layer'], function(){
              $ = layui.jquery;
              form = layui.form;
              layer = layui.layer;
             
             $(function(){
            	 //selProductCate();
           	 	 getProductDetails();
             });
              
             
              
            });
            
           /* function selProductCate(){
            	$.post("../adminProductCategory?reqName=getProductCate",{},function(res){
            		for (var i = 0; i < res.length; i++) {
						$("#fishClassifyId").append(`<option value="${res[i].classifyId}">${res[i].fishClassifyName}</option>`);
						form.render("select");
					}
            	},"json");
            }*/
            
            function getProductDetails(){
            	$.post("../adminProduct?reqName=getProDetailsById",{
            		fishId: sessionStorage.getItem("proId")
            	},function(res){
            		$("#fishId").val(res.fishId);
            		$("#fishName").val(res.fishName);
            		$("#fishAdress").val(res.fishAdress);
            		$("#fishPrice").val(res.fishPrice);
            		$("#fishLifeTime").val(res.fishLifeTime);
            		$("#isFreeDelivery").val(res.isFreeDelivery);
            		$("#fishClassifyId").val(res.classifyId);
            		$("#fishPicture").val(res.fishPicture);
            		//图片显示,保存时不会消失
					$("#imgFace").attr("src","/shangcheng1/" + res.fishPicture);
            	},"json");
            }
            
          
            
            function updateProDetails(){
            	var fName = $("#fishName").val();
            	if(fName==null || fName==""){
            		layer.alert("请输入产品名");
            		return false;
            	}
            	var fAdress = $("#fishAdress").val();
            	if(fAdress==null || fAdress==""){
            		layer.alert("请输入产品分布");
            		return false;
            	}

            	var fPrice = $("#fishPrice").val();
            	if(fPrice==null || fPrice==""){
            		layer.alert("请输入产品价格");
            		return false;
            	}

            	var fTime = $("#fishLifeTime").val();
            	if(fTime==null || fTime==""){
            		layer.alert("请输入寿命");
            		return false;
            	}

            	var isFree = $("#isFreeDelivery").val();
            	if(isFree==null || isFree==""){
            		layer.alert("请输入产品服务");
            		return false;
            	}

            	$.post("../adminProduct?reqName=updateProDetailsById",$("#form_product_details").serialize(),function(res){
            		if (res.success) {
    					layer.msg(res.message);
    					var index = parent.layer.getFrameIndex(window.name);//获得弹框的index
               			parent.layer.close(index);//关闭当前的页面
               			parent.myPagerLiu();//调用父级页面的myPagerLiu方法,目的是刷新页面
					} else {
    					layer.msg(res.message);
					}
            	},"json");
            	
            }
            
            layui.use([ 'upload', 'layer' ], function() {
    			var upload = layui.upload;
    			var layer = layui.layer;
    			var $ = layui.$;

    			//执行实例
    			var uploadInst = upload.render({
    				elem : '#fishPicture',//绑定元素
    				url : '../adminProduct?reqName=upload', //上传接口
    				acceptMime : 'image/*',//只显示图片文件
    				done : function(res) {
    					//上传完毕回调
    					if (res.success) {
    						//修改img的src属性,修改图片路径
    						$("#imgFace").attr("src","/shangcheng1/images/" + res.remark);
    						//隐藏域,图片显示
    						$("#picName").val("images/" + res.remark);
    						//图片路径放到input框中
    						$("#fishPicture").val("images/" + res.remark);
    						layer.msg("上传成功", {
    							icon : 6,
    							time : 1500
    						});
    					}
    				},
    				error : function() {
    					//请求异常回调
    				}
    			});
    		});
            
        </script>
        
    </body>

</html>